<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改用户</title>
    <!--    表格样式css-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
</head>
<body>
<div class="ui container">
    <!--    错误消息提示-->
    <div class="ui success  message" th:unless="${#strings.isEmpty(message)}">
        <i class="close icon"></i>
        <div class="header">提示：</div>
        <p th:text="${message}"></p>
    </div>
    <form class="ui form" th:action="@{/edit}" method="post" th:object="${student}">
        <input type="hidden" th:value="*{sid}" name="sid">
        <div class="field">
            <label>姓名</label>
            <input type="text" name="Sname" placeholder="请输入用户名" required th:value="*{Sname}">
        </div>
        <div class="field">
            <label>班级号</label>
            <input type="text" name="classid" placeholder="请输入班级号" required th:value="*{classid}">
        </div>
        <div class="field">
            <label>性别</label>
            <input type="text" name="Ssex" placeholder="请输入性别" required th:value="*{Ssex}">
        </div>
        <button class="ui button" type="submit">提交</button>
    </form>
</div>
<!--jquery cdn-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<!--表格的样式javascript-->
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
<script>
    $(".message .close").on('click',function () {
        $(this).closest(".message")
            .transition("fade");
    })
</script>
</body>
</html>